<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:c="http://java.sun.com/jstl/core"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<ui:composition template="desktop.xhtml">


	<ui:define name="body">
	    <p:growl id="messages" showDetail="true" />
		<h:form  styleClass="letraForm" id="frmBusqueda" style="width:100%">		
 		<p:panel header="Busqueda Detalle por Cliente" style="width:100%" >
		<p:spacer height="18px" />
		
		 
             
			
			<p:spacer width="10" height="20" />
			
			<center>
			<p:dataTable id="tableBank" var="cliente" value="#{detalleAction.listCliente}" filteredValue="#{detalleAction.filteredCliente}" paginator="true" rowIndexVar="rowNum" rows="10" 
			paginatorPosition="bottom"
				paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
				rowsPerPageTemplate="5,10,50,100">
			<p:column  headerText="#" style="width:3px;">
			<h:outputText value="#{rowNum+1}" />

			</p:column>
            <p:column headerText="Nombre" sortBy="#{cliente.nombre}" filterBy="#{cliente.nombre}" style="font-weight:bold; font-size:15px; color:black; width:25%;">
            <h:outputText value="#{cliente.nombre}" style="font-weight:bold; font-size:12px; color:#008B8B;"/>
            </p:column>
            <p:column headerText="A. Paterno" sortBy="#{cliente.aPaterno}" filterBy="#{cliente.aPaterno}" style="font-weight:bold; font-size:15px; color:black; width:25%;">
            <h:outputText value="#{cliente.aPaterno}" style="font-weight:bold; font-size:12px; color:#008B8B" />
            </p:column> 
            <p:column headerText="A. Materno" sortBy="#{cliente.aMaterno}" filterBy="#{cliente.aMaterno}" style="font-weight:bold; font-size:15px; color:black; width:25%;">
            <h:outputText value="#{cliente.aMaterno}" style="font-weight:bold; font-size:12px; color:#008B8B" />
            </p:column>  
          
            <p:column style="width:28px;text-align: center">
            <p:commandButton id="movieBtn" update="idfolio,moviePanel" icon="ui-icon-search" title="view" action="#{detalleAction.buscaApertura}" ajax="true" >
            <f:setPropertyActionListener  value="#{cliente}" target="#{detalleAction.selectedCliente}" /> 
            </p:commandButton>
            <p:overlayPanel  id="moviePanel" for="movieBtn" hideEffect="fade" dynamic="true" style="width:700px; height:400px;">
             
              <p:panelGrid>
              <p:row >
              <p:column>
              <h:outputText value="Nombre:"  style="font-weight:bold; font-size:15px; color:black"/>
               </p:column> 
                <p:spacer width="5" height="0" />
                <p:column>
                <h:outputText value="#{cliente.nombre}" style="font-weight:bold; font-size:18px; color:blue"/>
                </p:column>
                <p:spacer width="7" height="0" />
                <p:column>
                <h:outputText value="#{cliente.aPaterno}" style="font-weight:bold; font-size:18px; color:blue"/>
                </p:column>
                <p:spacer width="7" height="0" />
                <p:column>
                <h:outputText value="#{cliente.aMaterno}" style="font-weight:bold; font-size:18px; color:blue" />
                </p:column>
                <p:spacer width="65" height="0" />
                
                  </p:row>
                 </p:panelGrid>
                 
                 <p:spacer width="0" height="30" />
                 
                 <p:panelGrid>
                  <p:row >
                 <p:column>
                  <p:selectOneMenu id="idfolio" style="width:270px" value="#{detalleAction.idApe}" >                       
                    <f:selectItem itemLabel="Seleccione apertura" noSelectionOption="true" />
                    <f:selectItems value="#{cliente.listAperturas}" var="ape" itemLabel= "#{ape.fchApertura}   **Contrato #**#{ape.folio}" itemValue="#{ape.idApertura}" />
                     <p:ajax update="tbDet" event="change" listener="#{detalleAction.commentsDetalle}" process="idfolio"/>
                    </p:selectOneMenu>
                 </p:column> 
                 <p:column>
                <h:outputText value="Contrato:" style="font-weight:bold; font-size:15px; color:black" />
                 </p:column>
                 <p:spacer width="5" height="0" />
                 <p:column>
                <h:outputText value="#{detalleAction.folio}" style="font-weight:bold; font-size:15px; color:red" />
                 </p:column>                
                   </p:row>                            
                 </p:panelGrid>  
                 
                 
                <p:spacer width="2" height="30" />  
               <p:dataTable id="tbDet" var="det" value="#{detalleAction.listDetalle}">
               <p:column headerText="Descripción" width="50">
               <h:outputText value="#{det.descripcionDetalle}"  />
               </p:column> 
               <p:column headerText="Fecha" width="20">
               <h:outputText value="#{det.fecha}" >
               <f:convertDateTime pattern="dd-MM-yyyy" />
               </h:outputText>
               </p:column> 
               </p:dataTable>
               
               
                <p:spacer width="2" height="30" /> 
<!--                <h:outputText value="Contrato:"  style="font-weight:bold; font-size:15px; color:black"/> -->
<!--                 <p:spacer width="5" height="0" /> -->
<!--                 <p:inputText value="#{detalleAction.folio}" size="10" id="txtFolio" style="font-weight:bold; font-size:15px; color:red"/> -->
                <p:spacer width="2" height="0" />
<!--                 <p:commandButton update="messages" icon="ui-icon-disk" title="Agregar"  ajax="false"/> -->
<!--                 <h:inputText value="#{detalleAction.cveCliente}" id="txtcv"  />  -->
              
            
             </p:overlayPanel>
             </p:column>  
             
             
            
            
             <p:column style="width:32px;text-align: center"> 
              <p:commandLink id="btnDt" action="#{detalleAction.verDetalle}" ajax="false">
               <h:outputText value="ver detalles" /> 
               <f:setPropertyActionListener value="#{cliente}" target="#{detalleAction.selectedCliente}" />
               </p:commandLink>
             </p:column>    
            </p:dataTable>
			</center>
        
        
        
 		
 			</p:panel> 			
 			
			
 			
 			
 			<p:spacer width="100" height="20" />				
			
			<p:dialog id="procesando" header="" widgetVar="dlgP" modal="true"
				showEffect="puff" hideEffect="fold" draggable="false"
				resizable="false" closable="false">
				<div id="datos" class="script-tittle">Procesando...</div>
				<div id="dlgspace1"
					style="width: 100%; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px;">
				</div>
				<div id="botonesdlgP" style="width: 100%; text-align: center;">
					<p:graphicImage value="imgs/globe64.gif" />
				</div>
			</p:dialog>
			
		
		
			
	<p:dialog  header="Info Cliente" widgetVar="cliDialog" modal="true" showEffect="fade" hideEffect="fade" resizable="false" width="580px" height="450px">
       
         <p:outputPanel id="clienteDetail" style="text-align:center;">
        
            
                <h:outputText value="Nombre:"  style="font-weight:bold; font-size:15px; color:black"/>
                
                <p:spacer width="5" height="0" />
                
                <h:outputText value="#{detalleAction.selectedCliente.nombre}" style="font-weight:bold; font-size:18px; color:grey"/>
                <p:spacer width="7" height="0" />
                <h:outputText value="#{detalleAction.selectedCliente.aPaterno}" style="font-weight:bold; font-size:18px; color:grey"/>
                <p:spacer width="7" height="0" />
                <h:outputText value="#{detalleAction.selectedCliente.aMaterno}" style="font-weight:bold; font-size:18px; color:grey" />
                
                <p:spacer width="65" height="0" />
                <h:outputText value="Folio:" style="font-weight:bold; font-size:15px; color:black" />
                 <p:spacer width="5" height="0" />
                <h:outputText value="1001" style="font-weight:bold; font-size:15px; color:red" />
                                     
            <p:panelGrid>
            <p:column>
            </p:column>
            </p:panelGrid>
            
            <p:spacer width="0" height="30" />
            
                   <p:selectOneMenu id="idfolio" style="width:270px" value="#{detalleAction.idApe}" >                       
                    <f:selectItem itemLabel="Seleccione apertura" noSelectionOption="true" />
                    <f:selectItems value="#{detalleAction.aperturasXCliente}" var="ape" itemLabel= "#{ape.fchApertura} **folio**#{ape.folio}" itemValue="#{ape.idApertura}" />
                     <p:ajax update="tbDet" event="change" listener="#{detalleAction.commentsDetalle}" process="idfolio"/>
                    </p:selectOneMenu>
                             
                
               <h:outputText value="Folio:"  style="font-weight:bold; font-size:15px; color:black"/>
                <p:spacer width="5" height="0" />
                <p:inputText value="#{detalleAction.folio}" size="10" id="txtFolio"/>
                <p:spacer width="2" height="0" />
<!--                                <p:commandButton update="messages" icon="ui-icon-disk" title="Agregar"  ajax="false"/> -->
<!--                <h:inputHidden value="#{detalleAction.cveCliente}"  /> -->
           
           <p:panelGrid>
            <p:column>
            </p:column>
            </p:panelGrid>             
            <p:spacer width="0" height="30" />
            
               <p:dataTable id="tbDet" var="det" value="#{detalleAction.listDetalle}">
               <p:column headerText="Descripción">
               <h:outputText value="#{det.descripcionDetalle}"  />
               </p:column> 
               <p:column headerText="Fecha">
               <h:outputText value="#{det.fecha}" />
               </p:column> 
               </p:dataTable>
                   
           
         </p:outputPanel>
        
    </p:dialog>
			
			
		</h:form>
	</ui:define>

</ui:composition>
</html>

